﻿<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <title>宇通集团</title>
    ﻿<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="format-detection" content="telephone=no">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="alternate icon" type="image/png" href="images/favicon.png">
<link rel='icon' href='favicon.ico' type='image/x-ico' />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="stylesheet" href="css/default.min.css?t=227" />
<!--[if (gte IE 9)|!(IE)]><!-->
<script type="text/javascript" src="lib/jquery/jquery.min.js"></script>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="lib/amazeui/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
<script type="text/javascript" src="lib/handlebars/handlebars.min.js"></script>
<script type="text/javascript" src="lib/iscroll/iscroll-probe.js"></script>
<script type="text/javascript" src="lib/amazeui/amazeui.min.js"></script>
<script type="text/javascript" src="lib/raty/jquery.raty.js"></script>
<script type="text/javascript" src="js/main.min.js?t=1"></script>
<script src="js/jquery-1.8.2.js"></script>

</head>
<body>
<header>
    <div class="header-top">
        <div class="width-center">
            <div class="header-logo "><img src="images/logo.png" alt=""></div>
            <div class="header-title div-inline">
                <strong>宇通集团</strong>
                <span>www.yvtong.com</span>
            </div>

            <div class="search-box div-inline">
                <div class="input-box"><input type="text" name="" placeholder="             请输入关键字"></div>
                <div class="search-botton"></div>
            </div>
        </div>
    </div>
    <div class="header-nav">
        <button class="am-show-sm-only am-collapsed font f-btn" data-am-collapse="{target: '.header-nav'}">Menu <i
                class="am-icon-bars"></i></button>
        <nav>
        <ul class="header-nav-ul am-collapse am-in">
            <li class="on"><a href="index.html" name="index">首页</a></li>
            <li><a href="about.html" name="about">关于我们</a></li>
            <li><a href="productlist.html" name="show">产品展示</a></li>
            <li><a href="article_list.html" name="new">新闻资讯</a></li>
            <li><a href="contact.html" name="message">联系我们</a>
                <div class="secondary-menu">

                    <ul><li><a href="message.html" class="message"></a></li></ul>
                </div>
            </li>
        </ul>




        </nav>
    </div>

</header>
<div class="am-slider am-slider-default" data-am-flexslider="{playAfterPaused: 8000}">
    <ul class="am-slides">
        <li><img src="images/产品中心.jpg" alt="" ></li>
        <li><img src="images/产品中心2.jpg" alt="" ></li>
        
    </ul>
</div>
<section class="pro-list">
    <aside class="pro-leftsidebar">
        <ul>
            <li>
                <a>产品搜索</a>
                <ul id="pro-search">
                    <li><a><input type="text"  class="pro-search"><a class="pro-search-btn">搜索</a></a></li>
                </ul>
            </li>
            <li>
                <a>产品分类</a>
                <ul id="pro-category">
                    <li class="on"><a href="#">房车系列</a></li>
                    <li><a href="#">客运客车系列</a></li>
                    <li><a href="#">旅游客车系列</a></li>
                    <li><a href="#">公交客车系列</a></li>
                </ul>
            </li>
        </ul>
    </aside>

    <aside class="pro-rightsidebar">
        <header>
            <p></p>
            <span>房车系列</span>
            <div class="product-nav"><a href="index.html">首页 </a>&#62;<a href="#">产品展示</a>&#62;<a>XX房车</a></div>
        </header>
        <main>
            <div class="pro-right-left">
                <div class="pro-details-img"><img src="images/产品展示.jpg"></div>
				
                
                       
                    </div>
                </div>
				
         

            <div class="am-tabs pro-tabs" data-am-tabs>
                
                <div class="am-tabs-bd">
                    <div class="am-tab-panel am-active" id="tab1">
                        <ul>
                            <li>
                                <span class="pro-tabs-constant">车型:</span>
                                <span class="pro-tabs-variable" id="cx">房车</span>
                            </li>
                            <li>
                                <span class="pro-tabs-constant">裸车价:</span>
                                <span class="pro-tabs-variable">55.9万元</span>
                            </li>
                            <li>
                                <span class="pro-tabs-constant">外形:</span>
                                <span class="pro-tabs-variable">5990*2430*3199/3299</span>
                            </li>
                            <li>
                                <span class="pro-tabs-constant">座位数:</span>
                                <span class="pro-tabs-variable">1-6</span>
                            </li>
                            <li>
                                <span class="pro-tabs-constant">车辆用途:</span>
                                <span class="pro-tabs-variable">C型房车</span>
                            </li>
                            <li>
                                <span class="pro-tabs-constant">款式定位:</span>
                                <span class="pro-tabs-variable">现代</span>
                            </li>
                            </li>
                        </ul>
                    </div>
                    <div class="am-tab-panel" id="tab2">2</div>
                    <div class="am-tab-panel" id="tab3">3</div>
                    <div class="am-tab-panel" id="tab4">4</div>
                </div>
            </div>
        </main>
    </aside>


</section>

﻿<footer>
    <div>
        <div class="footer-info">
    		<img src="images/logo.png"  style="margin-left: 200px ;">
            <div class="footer-content">
    			
                <img src="images/宇通二维码.PNG" alt=""style="width:300px;height:170px;">
    			
    			<div>
    				<span   style="font-size: 20px;">产品中心</span>
    				<span >公交客车</span>
    				<span>客运客车</span>
    				<span>旅游客车</span>
    				<span>校车</span>
    				<span>公商务车</span>
    				<span>景区车</span>
    				<span>专用车</span>
    			</div>
    			<div>
    				<span style="font-size: 20px;">新闻中心</span>
    				<span>宇通新闻</span>
    				<span>行业新闻</span>
    				<span>媒体报道</span>
    				<span>海外精彩</span>
    				<span>活动专题</span>
    				<span>宇通录像</span>
    				
    			</div>
    			<div>
    				<span style="font-size: 20px; margin-left:40px; ">联系我们</span>
    			</div>
               <div style="font-size:20px;">
                <p>招商热线:0666-666666</p>
    			
    			</div>
    			
                <div class="footer-box">
                    <i class="icon-tel"></i>
                    <span>公司电话:</span>
                    <span>0666-666666</span>
                </div>
    			
                <div class="footer-box" style="margin-left:48px;">
                    <i class="icon-email"></i>
                    <span>公司邮箱:</span>
                    <span>123@yvtong.com</span>
                </div>
                <div class="footer-box"  style="margin-right: 300px;">
                    <i class="icon-address"></i>
                    <span>公司地址:</span>
                    <span>湖北省XXX市XXX大道小区B栋201</span>
                </div>
               </div>
            </div>
        </div>
        <style>
        .footer-bottom a{color:#F1404B}
        </style>
    </div>
</footer>
<script>

$.ajax({
	url : "yt/Chaxunchanpinxinxi",
	type : "get",
	
	success : function(res){
		var c = res.data[0].cx;
			$("#cx").htm(c);
		
	}
  })



</script>
</body>

</html>